<script setup>

</script>

<template>
<section>
  <div class="max-w-6xl mx-auto py-12 px-6 flex flex-col lg:flex-row items-center">
    <!-- 左侧图像 -->
    <div class="lg:w-1/2 w-full flex justify-center items-center mb-6 lg:mb-0 lg:pr-8">
      <img
          src="/src/images/services/compression-molding/sheet-metal-parts.webp"
          alt="Available Surface Treatment"
          class="w-full h-auto rounded-sm"
      />
    </div>

    <!-- 右侧内容 -->
    <div class="lg:w-1/2 w-full text-gray-700">
      <!-- 标题 -->
      <h1 class="text-[#5F5F5F] text-8 tracking-normal leading-8 font-bold mb-6">
        Available Surface Treatment
      </h1>

      <!-- 列表内容 -->
      <ul class="list-none space-y-6 text-[#272626] text-4 tracking-normal leading-6">
        <li>Chem Film (Chromate Conversion Coating)</li>
        <li>Powder Coat</li>
        <li>Standard</li>
        <li>Bead Blast</li>
        <li>Anodize (Type II Type III)</li>
        <li>Anodize (Type III)</li>
        <li>Electroless Nickel Plating</li>
        <li>Silver Plating</li>
        <li>Gold Plating</li>
      </ul>
    </div>
  </div>
</section>
</template>

<style scoped>

</style>